<link rel="stylesheet" href="./demo.css">

 <!-- Tab选项卡1 -->
 <div class="box tab1">
    <!-- 标题 -->
    <ul>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <!-- 内容 -->
    <ol>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
</div>

 <!-- Tab选项卡2 -->
 <div class="box tab2">
    <!-- 标题 -->
    <ul>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <!-- 内容 -->
    <ol>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
</div>

<script src="./demo.js"></script>
<script>
const tab1 = new Tab('.tab1')
const tab2 = new Tab('.tab2')

// tab1.el
// tab2.el
</script>